<!--
 * @Descripttion: 新增销售订单
 * @version:
 * @Author: cxguo
 * @Date: 2019-08-17 20:26:23
 * @LastEditors: cxguo
 * @LastEditTime: 2020-11-11 20:28:56
 -->
<template>
  <div style="line-height:24px;">
    <el-row>
      <el-col :span="6">
        转出账户：{{ dataObj.accountNameOut }}
      </el-col>
      <el-col :span="6">
        转入账户：{{ dataObj.accountNameIn }}
      </el-col>
      <el-col :span="6">
        金额：{{ dataObj.amount }}
      </el-col>
      <el-col :span="6">
        手续费：{{ dataObj.procedureAmount }}
      </el-col>
    </el-row>
    <el-row>
      <el-col :span="6">
        转出日期：{{ dataObj.transTimeOut }}
      </el-col>
      <el-col :span="6">
        到账日期：{{ dataObj.transTimeIn }}
      </el-col>
      <el-col :span="6">
        手续费支付方：{{ dataObj.procedureUser | procedureUser }}
      </el-col>
      <el-col :span="6">
        经手人：{{ dataObj.handleUserName }}
      </el-col>
    </el-row>
    <el-row>
      <el-col :span="6">
        制单人：{{ dataObj.createUserName }}
      </el-col>
      <el-col :span="6">
        制单时间：{{ dataObj.createTime }}
      </el-col>
    </el-row>
  </div>
</template>

<script>
import { oftenuse } from '@/libs/mixins'
import clonedeep from 'clonedeep'

export default {
  name: 'AccountTransDetailView',
  components: { },
  filters: {
    'procedureUser': function(val) {
      const value = val === '0' ? '转出账户支付' : '转入账户支付'
      return value
    }
  },
  mixins: [oftenuse],
  props: {
    data: {
      type: Object,
      default: () => { return {} }
    }
  },
  data() {
    return {
    }
  },
  created() {
    this.dataObj = clonedeep(this.data) || {}
  },
  methods: {
  }
}
</script>
